<template>
  <div class="activity border-top">
    <div class="activity-item border-right">
      <img src="https://pages.c-ctrip.com/dm/0118/yh_450x218.jpg" alt="" />
    </div>

    <div class="activity-item">
      <img src="https://pages.c-ctrip.com/dm/00001zhqu/H2chaosan.jpg" alt="" />
    </div>
  </div>
</template>

<script>
export default {
  name: "Activity",
};
</script>

<style scoped>
.activity {
  display: flex;
  position: relative;
  background-color: #fff;
  margin-top: 0.2rem;
}
.activity .activity-item {
  flex: 1;
  font-size: 0.28rem;
  text-align: center;
  height: 120px;
}
.activity .activity-item img {
  width: 100%;
  height: 100%;
}
</style>>